<template>
  <div id="BgDetails">
    <ul>
      <li class="frist">
        <span>融资额度：{{details.financingAmount}}万元</span>
        <span class="info" @click="showModel">
          <img src="../assets/image/wh.svg" alt />
        </span>
      </li>
      <li>融资方式：{{details.financingType}}</li>
      <li>成立时间：{{details.establishDate}}</li>
      <li>企业地区：{{details.province}}{{details.city}}{{details.area}}</li>
      <li>企业性质：{{details.enterpriseNature}}</li>
      <li>法人年龄：{{details.corporateAge}}</li>
      <li>所属行业：{{details.industryValue}}</li>
    </ul>
    <ul>
      <li>本年度销售收入：{{details.currentYearRevenueValue ? details.currentYearRevenueValue : details.currentYearRevenue + "万元"}}</li>
      <li>上年度销售收入：{{details.lastYearRevenueValue ? details.lastYearRevenueValue : details.lastYearRevenue + "万元"}}</li>
      <li>上年度开票收入：{{details.lastYearInvoiceAmountValue ? details.lastYearInvoiceAmountValue : details.lastYearInvoiceAmount + "万元"}}</li>
      <li>企业地区：{{details.financingType}}</li>
      <li>
        <p>是否不动产：{{details.hasRealEstate ? '是' : '否'}}</p>
        <p v-if="details.hasRealEstate">不动产评估价值：{{details.realEstateValString}}</p>
      </li>
      <li>
        <p>是否有设备：{{details.hasEquipment ? '是' : '否'}}</p>
        <p v-if="details.hasEquipment">设备价值：{{details.equipmentValString}}</p>
      </li>
      <li>
        <p>是否有专利：{{details.hasPatent ? '是' : '否'}}</p>
        <p v-if="details.hasPatent">专利个数：{{details.patentVal}}</p>
      </li>
      <li>
        <p>是否有股权质押：{{details.hasSharePledge ? '是' : '否'}}</p>
      </li>
    </ul>
    <router-link class="btn" :to="'/report/'+ details.assessmentApplyCode">查看评估报告</router-link>
  </div>
</template>

<script>
import { Dialog } from 'vant'
import { enterpriseDetails } from "api/Home";
export default {
  name: "BgDetails",
  data() {
    return {
      details: {},
    };
  },
  methods: {
    showModel() {
      Dialog.alert({
        title: "名词解释",
        message: `
          <div><span style="font-weight:bold">融资方式：</span>融资方式是指企业融通资金的具体形式。融资方式越多意味着可供企业选择的融资机会就越多。它可以分为两类：债务性融资和权益性融资。前者包括银行贷款、发行债券和应付票据、应付账款等，后者主要指股票融资。</div>
          <div><span style="font-weight:bold">股权融资：</span>股权融资是指企业的股东愿意让出部分企业所有权，通过企业增资的方式引进新的股东，同时使总股本增加的融资方式。股权融资所获得的资金，企业无须还本付息，但新股东将与老股东同样分享企业的赢利与增长。</div>
          <div><span style="font-weight:bold">个体工商户：</span>个体工商户是工商业经济在中小微的表现，与大型企业比较，如同幼狮和雄狮一般，个体工商户发展的好，就会成为大中型企业，后者如果收缩即为回归个体工商户。</div>
          <div><span style="font-weight:bold">企业性质：</span>企业性质一般包括国有企业、集体所有制企业、联营企业、三资企业、私营企业。</div>`,
      });
    },
  },
  mounted() {
    enterpriseDetails({ enterpriseId: this.$route.params.id, name: null }).then(
      ({ data, code, message }) => {
        if (!code) {
          this.details = data;
        } else {
          this.$toast(message);
        }
      }
    );
  },
};
</script>

<style lang="stylus" scoped>
@import '../assets/styl/mixin.styl'
#BgDetails
  background-color #f2f2f2
  padding-bottom rem(30)
  ul
    border-top rem(10) solid #eee
    padding rem(10) 0
    box-sizing border-box
    background-color #fff
    .frist
        display flex
        justify-content space-between
        align-items center
        vertical-align middle
    li
      box-sizing border-box
      padding 0 rem(20)
      font-size rem($ft14)
      line-height rem(30)
      .info
        img 
          display block
          width rem(23)
          height rem(23)
      p:nth-of-type(2n)
        background-color #f2f2f2
        margin rem(10)
        padding rem(5)
        padding-left rem(20)
        border-radius rem(6)
  .btn
    display block
    margin rem(20) auto
    text-align center
    color #fff
    font-weight bold
    border-radius rem(6)
    background-color #2F54EB
    width rem(100)
    line-height rem(30)
</style>